<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="/News/admin/assets/css/adminIndex.css" />
<link rel="stylesheet" href="/News/admin/assets/jquery/jquery-ui.css" />
<link rel="stylesheet" href="/News/admin/assets/css/adminReview.css" />
</head>
<body>
	<!-- 创建一个包含全部的总div -->
	<div class="adminAllDiv">

		<div class="adminAllUseDivr">
			<form action="/News/AdminReviewInsertServlet" method="get" id="form1">
				<!-- 评论属性 -->
				<div class="modifsAttribute">
					<ul class="modifAttribute">
						<li>&nbsp;id:<input type="text" name="reviewId"
							class="modifsText" id="id"></li>
						<li>&nbsp;用户id:<input type="text" name="userId"
							class="modifsText" id="userid"></li>
						<li>&nbsp;管理员id:<input type="text" name="adminId"
							class="modifsText" id="adminid"></li>
						<li>&nbsp;新闻id:<input type="text" name="newsId"
							class="modifsText" id="newid"></li>
						<li>&nbsp;评论日期:<input type="text"
							name="reviewDate" class="modifsText" id="day" placeholder="修改时此为必填项"></li>
					</ul>
				</div>
				<!-- 评论方法 -->
				<div class="modifysmethod">
					<ul class="modifysMethod">
						<li><input type="button" value="添加" class="modifysMethods"
							onclick="changAction('/News/AdminReviewInsertServlet')" /></li>
						<li><input type="button" value="修改" class="modifysMethods"
							onclick="changAction('/News/AdminReviewUpdateServlet')" /></li>
						<li><input type="button" value="全选删除" class="modifysMethods"
							onclick="changAction('/News/AdminReviewDeleteAllServlet')" /></li>
						<li><input type="button" value="查询" class="modifysMethods"
							onclick="changAction('/News/AdminReviewQueryServlet')" /></li>
					</ul>
				</div>
				<!-- 图片显示页面 -->
				<div class="modifyMain">
					<p>评论详情</p>
					<textarea cols="" rows="" name="reviewDetails" id="textarea"></textarea>
				</div>
				<!-- 评论数据展示框 -->
				<div class="modifyframework">
					<p class="round"></p>
					<table class="modifyTable">
						<tr>
							<th><input type="checkbox" id=reviewall
								onclick="selectAll()">全选</th>
							<th>id</th>
							<th>用户id</th>
							<th>管理员id</th>
							<th>新闻id</th>
							<th>评论日期</th>
							<th>操作</th>
							<th>操作2</th>

						</tr>
						<c:forEach var="review" items="${reviewQueryLikeList }">
							<tr>
								<td><input name='reviewIdAll' type="checkbox"
									value="${review.reviewId }"></td>
								<td>${review.reviewId }</td>
								<td>${review.userId }</td>
								<td>${review.adminId }</td>
								<td>${review.newsId}</td>
								<td>${review.reviewDate}</td>
								<td><a
									href="/News/AdminReviewDeleteServlet?reviewId=${review.reviewId }"
									class="reviewA">删除</a></td>
								<td><input type="button" value="查看"
									onclick="show('${review.reviewId }','${review.userId }','${review.adminId}','${review.newsId}','${review.reviewDate}','${review.reviewDetails}')"></td>
							</tr>
						</c:forEach>
					</table>

				</div>
		</div>
		</form>
	</div>
</body>
<script src="/News/admin/assets/jquery/jquery-3.7.1.js"></script>
<script src="/News/admin/assets/jquery/jquery-ui.js"></script>
<script src="/News/admin/assets/jquery/jquery-ui-i18n.min.js"></script>
<script>
	//初始化函数
	$(function() {
		//调用初始化总界面方法
		updateInterface();
	});
	//浏览器窗口变化调用函数
	window.addEventListener('resize', function(event) {
		updateInterface();
	});
	//初始化总界面函数
	function updateInterface() {
		setAdminAllDivSize();
		setAdminAllUserDivSize();
		setmodifsAttribute();
		setmodifysmethod();
		setmodifyMain();
		setmodifyFramework();
		setmodifyTable();
	}
	// 使All自适应大小
	function setAdminAllDivSize() {
		$(".adminAllDiv").width($(window).width());
		$(".adminAllDiv").height($(window).height());
		console.log($(".adminAllDiv").height());
	}
	//使内容框总框自适应大小
	function setAdminAllUserDivSize() {
		//设置总框大小
		$(".adminAllUseDivr").width($(".adminAllDiv").width() * 0.95);
		$(".adminAllUseDivr").height($(".adminAllDiv").height());
		//设置总框定位
		$(".adminAllUseDivr").css("left", $(".adminAllDiv").width() * 0.025);
	}
	//使新闻属性框自适应大小
	function setmodifsAttribute() {
		//设置新闻属性框大小
		$(".modifsAttribute").width($(".adminAllUseDivr").width() * 0.7);
		$(".modifsAttribute").height($(".adminAllUseDivr").height() * 0.45);
		//设置新闻属性框定位
		$(".modifsAttribute")
				.css("left", $(".adminAllUseDivr").width() * 0.025);
		$(".modifsAttribute").css("top", $(".adminAllUseDivr").height() * 0.02);
		//设置新闻属性框下li标签高度
		$(".modifAttribute>li").height($(".modifsAttribute").height() * 0.15);
		//设置新闻属性框下input标签
		$(".modifAttribute>li>input").width(
				$(".modifsAttribute").width() * 0.88);
		$(".modifAttribute>li>input").height(
				$(".modifsAttribute").height() * 0.075);
		//设置新闻属性框下input标签定位
		$(".modifAttribute>li>input:eq(0)").css("margin-left",
				$(".modifsAttribute").width() * 0.045);
		$(".modifAttribute>li>input:eq(1)").css("margin-left",
				$(".modifsAttribute").width() * 0.023);
		$(".modifAttribute>li>input:eq(2)").css("margin-left",
				$(".modifsAttribute").width() * 0.01);
		$(".modifAttribute>li>input:eq(3)").css("margin-left",
				$(".modifsAttribute").width() * 0.023);
		$(".modifAttribute>li>input:eq(4)").css("margin-left",
				$(".modifsAttribute").width() * 0.01);
		$(".modifAttribute>li").css("margin-top",
				$(".modifsAttribute").height() * 0.015);
		$(".modifAttribute>li:eq(0)").css("margin-top",
				$(".modifsAttribute").height() * 0.11);

	}
	//使新闻方法框自适应大小
	function setmodifysmethod() {
		//设置新闻方法框大小
		$(".modifysmethod").width($(".adminAllUseDivr").width() * 0.2);
		$(".modifysmethod").height($(".adminAllUseDivr").height() * 0.27);
		//设置新闻属性框定位
		$(".modifysmethod").css("left", $(".adminAllUseDivr").width() * 0.764);
		$(".modifysmethod").css("top", $(".adminAllUseDivr").height() * 0.02);
		//设置新闻方法大小
		$(".modifysMethod>li>input").width($(".modifysmethod").width() * 0.45);
		$(".modifysMethod>li>input")
				.height($(".modifysmethod").height() * 0.17);
		//设置新闻方法下input标签定位
		$(".modifysMethod>li>input").css("margin-left",
				$(".modifysmethod").width() * 0.25);
		$(".modifysMethod>li>input").css("margin-top",
				$(".modifysmethod").height() * 0.05);
	}
	// 设置评论详情框自适应大小
	function setmodifyMain() {
		//设置评论详情框大小"C:/Users/ASUS/Desktop/22软二1组(3)/22软二1组/22软二1组/07 项目源码/News/WebContent/admin/adminUser.jsp"
		$(".modifyMain").width($(".adminAllUseDivr").width() * 0.2);
		$(".modifyMain").height($(".adminAllUseDivr").height() * 0.65);
		//设置评论详情框定位
		$(".modifyMain").css("left", $(".adminAllUseDivr").width() * 0.764);
		$(".modifyMain").css("top", $(".adminAllUseDivr").height() * 0.32);
		//设置评论详情p的大小
		$(".modifyMain>p").width($(".adminAllUseDivr").width() * 0.09);
		//设置评论详情框定位
		$(".modifyMain>p").css("margin-left",
				$(".adminAllUseDivr").width() * 0.06);
		$(".modifyMain>p").css("margin-top",
				$(".adminAllUseDivr").height() * 0.02);
		$(".modifyMain>textarea").width($(".adminAllUseDivr").width() * 0.19);
		$(".modifyMain>textarea").height($(".adminAllUseDivr").height() * 0.45);
		$(".modifyMain>textarea").css("margin-top",
				$(".adminAllUseDivr").height() * 0.02);
		$(".modifyMain>textarea").css("margin-left",
				$(".adminAllUseDivr").height() * 0.01);
	}
	//设置评论数据框自适应大小及定位
	function setmodifyFramework() {
		//评论数据框自适应大小
		$(".modifyframework").width($(".modifAttribute").width());
		//设置用户数据总框定位
		$(".modifyframework")
				.css("left", $(".adminAllUseDivr").width() * 0.025);
		$(".modifyframework").css("top", $(".adminAllUseDivr").height() * 0.5);
		$(".modifyFramework").css("top", $(".adminAllUseDivr").height() * 0.06);
		//设置黑⚪大小
		$(".round").width("30px");
		$(".round").height("30px");
		//设置黑⚪位置
		$(".round").css("left", $(".adminAllUseDivr").width() * 0.01);
		$(".round").css("top", $(".adminAllUseDivr").height() * 0.015);
	}
	//设置数据显示框大小，定位
	function setmodifyTable() {
		//评论数据框自适应大小
		$(".modifyTable").width($(".adminAllUseDivr").width() * 0.6);
		//设置用户数据总框定位
		$(".modifyTable").css("margin-left",
				$(".adminAllUseDivr").width() * 0.05);
		$(".modifyTable").css("margin-top",
				$(".adminAllUseDivr").height() * 0.06);
		$(".modifyTable input[type='button']").width(
				$(".adminAllUseDivr").width() * 0.04);
		$(".modifyTable input[type='button']").height(
				$(".adminAllUseDivr").height() * 0.03);
		$(".reviewA").width($(".adminAllUseDivr").width() * 0.05);
		$(".reviewA").height($(".adminAllUseDivr").height() * 0.03);

	}
	//全选的设置
	function selectAll() {
		// 获取全选复选框和被全选的复选框列表
		var selectAllCheckbox = document.getElementById("reviewall");
		var checkboxes = document.getElementsByName("reviewId");

		// 遍历被全选的复选框列表，设置它们的选中状态与全选复选框一致
		for (var i = 0; i < checkboxes.length; i++) {
			checkboxes[i].checked = selectAllCheckbox.checked;
		}
	}
	//改变提交路径
	function changAction(url) {
		var fromId = document.getElementById("form1");
		fromId.action = url;
		fromId.submit();
		console.log(document.getElementById("form1").action);
		console.log(url);
	}
	//查看获取值
	function show(a, b, c, d, e, f) {
		document.getElementById("id").value = a;
		document.getElementById("userid").value = b;
		document.getElementById("adminid").value = c;
		document.getElementById("newid").value = d;
		document.getElementById("day").value = e;
		document.getElementById("textarea").value = f;
	}
	//使用jqueryUi设置时间
	$(function() {
		$("#day").datepicker();
		$("#day").datepicker("option", "dateFormat", "yy-mm-dd");
		$("#day").datepicker("option", $.datepicker.regional["zh-CN"]);
		$("#day").datepicker("option", "showAnim", "slide");
	});
	
	//鼠标悬浮颜色更换方法
	$("td").hover(function() {
		// 鼠标悬浮时执行的代码
		$(this).parent().css('background-color', '#d0d0d0');
	}, function() {
		// 鼠标移开时执行的代码
		$(this).parent().css('background-color', '#fff');
	});
</script>

</html>